body
	{
		background: rgba(255, 0, 0, 0.5);
	
	}
	
#aaaa
	{
		font-family:Arial;
		background: hsla(0, 100%, 50%, 0.5);
	}
#bbbb
	{
		font-family:Times;
		box-shadow: 25px 25px 50px dimgrey;
	}
#cccc
	{
		font-family:Georgia;
		
	}
#dddd
	{
		font-family:Constantia;
		box-shadow: -25px -25px 50px dimgrey;
	}

#eeee
	{
		background: -webkit-gradient(
			linear, center top, center bottom,
			color-stop(15%, white), color-stop(50%, lightsteelblue),
			color-stop(75%, navy) );
		background: -moz-linear-gradient(
			top center, white 15%, lightsteelblue 50%, navy 75% );
		background: linear-gradient(
			to bottom, white 15%, lightsteelblue 50%, navy 75% );
	
	}
#ffff
	{
		background: -webkit-gradient(
			linear, left top, right top,
			color-stop(15%, white), color-stop(50%, yellow),
			color-stop(75%, orange) );
		background: -moz-linear-gradient(
			left, white 15%, yellow 50%, orange 75% );
		background: linear-gradient(
			90deg, white 15%, yellow 50%, orange 75% );
	}

#gggg
	{
		background: -webkit-gradient(
			linear, left top, right bottom,
			color-stop(15%, white), color-stop(50%, plum),
			color-stop(75%, purple) );
		background: -moz-linear-gradient(
			top left, white 15%, plum 50%, purple 75% );
		background: linear-gradient(
			45deg, white 15%, plum 50%, purple 75% );
	}
	
#iiii
	{
		/*background: yellow;*/
		background: -webkit-radial-gradient(center, yellow, red);
		background: -moz-radial-gradient(center, yellow, red);
		background: radial-gradient(ellipse at center, yellow 10%, red 100%);
	
	}
	
	
  .skew .textbox 
         {
            margin-left: 75px;
            background: lightgreen;
            height: 400px;
            width: 400px;
            padding: 25px 0;
            text-align: center;
            font-size: 250%;
            border: 3px solid DarkGreen;
            border-radius:15px;
            -webkit-animation: skew 3s infinite linear;
            -moz-animation: skew 3s infinite linear;
            animation: skew 3s infinite linear;
         }
         @-webkit-keyframes skew 
         {
            from { -webkit-transform: skewX(0deg); }
            25% { -webkit-transform: skewX(45deg); }
            50% { -webkit-transform: skewX(0); }
            75% { -webkit-transform: skewX(-45deg); }
            to { -webkit-transform: skewX(0); }
         }
         @-moz-keyframes skew 
         {
            from { -moz-transform: skewX(0deg); }
            25% { -moz-transform: skewX(45deg); }
            50% { -moz-transform: skewX(0); }
            75% { -moz-transform: skewX(-45deg); }
            to { -moz-transform: skewX(0); }
         }
         @-keyframes skew 
         {
            from { transform: skewX(0deg); }
            25% { transform: skewX(45deg); }
            50% { transform: skewX(0); }
            75% { transform: skewX(-45deg); }
            to { transform: skewX(0); }
         }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
